<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>nike</title>
    <script src="../js/jquery.min.js"></script>
    <!-- <script src="../node_modules/jquery-lazyload/jquery.lazyload.js"></script> -->
    <!-- <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> -->
    <script src="../../node_modules/popper.js/dist/umd/popper.js"></script>
    <script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../font_22q6xzovj1l/iconfont.css">
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- header -->
    <nav class="gnav">
        <div class="nav-top">
            <!-- nav-topleft -->
            <ul class="nav-topleft">
                <li class="logo1">
                    <a href="#">
                        <span class="facet-label">
                                      NikePlus 
                                    </span>
                    </a>
                </li>
                <li class="logo2">
                    <a href="#">
                        <span class="logo-jordan iconfont"> &#xe602;</span>
                    </a>
                </li>
                <li class="logo3">
                    <a href="#">
                        <span class="logo-converse">converse *> </span>
                    </a>
                </li>
            </ul>
            <!-- nav-topright -->
            <script src="../../lib/cookie.js"></script>
            <ul class="nav-topright">
                <script>
                    $(function() {
                        if (cookie.get('isLogin')) {
                            let username = document.getElementById('_islogin');
                            username.innerHTML = `${cookie.get('username')}`; //得到登录用户的username
                        } else {
                            let loginout = document.getElementById('loginout');
                            // console.log(loginout);
                            loginout.setAttribute('style', 'display:none;');
                        }
                    });
                </script>
                <li class="login">
                    <a data-toggle="modal" data-target="#myModal_login" id="_islogin">
                            加入/登录Nike⁠Plus账号</a>
                </li>
                <li id="loginout"><a href="">退出登录</a></li>
                <script>
                    var out = document.getElementById('loginout');
                    out.onclick = function() {
                            console.log(666);
                            cookie.remove('isLogin'); //清除cookie
                            location.reload(); //重新加载页面
                            return false; //阻止a标签默认行为
                        }
                        // username.innerHTML = cookie.get('username'); //得到登录用户的username
                </script>
                <li class="help">
                    <a href="#">帮助</a>
                    <ul class="help-nav">
                        <li>我的订单</li>
                        <li>我的订单</li>
                        <li>我的订单</li>
                        <li>我的订单</li>
                        <li>我的订单</li>
                    </ul>
                </li>
                <li class="xiaoxi iconfont">
                    <a href="#" class="iconfont">&#xe615;</a>
                </li>
                <li class="shopcar ">
                    <a href="./shopcar.html" class="iconfont">&#xe502;</a>
                </li>
                <li class="china ">
                    <a href="#" style="color:red" class="iconfont">&#xe621;</a>
                </li>
            </ul>
        </div>
        <div class="nav-bottom">
            <div class="home">
                <a href="index.html"><img src="../img/home.png" alt="home"></a>
            </div>
            <ul>
                <li><a href="#">男子</a> </li>
                <li>女子</li>
                <li>男孩</li>
                <li>女孩</li>
                <li>专属订制</li>
                <li>流行潮品</li>
            </ul>
            <!-- 隐藏选项卡 -->
            <div class="_tab1">
                <div class="subnav-container">
                    <div class="subnav-left">
                        <a href="#">最新上市</a>
                        <a href="#"> <strong>SNKRS</strong> 新品预览</a>
                        <a href="#">出街造型攻略</a>
                        <a href="#">折扣优惠</a>
                        <a href="#">企业团购</a>
                    </div>
                    <div class="subnav-mid">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                    <div class="subnav-right">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>

                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="_tab2">
                <div class="subnav-container">
                    <div class="subnav-left">
                        <a href="#"><strong>JUST DO IT</strong> 女子精选系列</a>
                        <a href="#">折扣优惠</a>
                        <a href="#">企业团购</a>
                        <a href="#"> <strong>SNKRS</strong> 新品预览</a>
                        <a href="#">出街造型攻略</a>
                    </div>
                    <div class="subnav-mid">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                    <div class="subnav-right">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>

                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="_tab3">
                <div class="subnav-container">
                    <div class="subnav-left">
                        <a href="#">所有男孩商品</a>
                        <a href="#">折扣优惠</a>
                        <a href="#">企业团购</a>
                        <a href="#"> <strong>SNKRS</strong> 新品优惠</a>
                        <a href="#">出街造型攻略</a>
                    </div>
                    <div class="subnav-mid">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                    </div>
                    <div class="subnav-right">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>

                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="_tab4">
                <div class="subnav-container">
                    <div class="subnav-left">
                        <a href="#">所有女孩商品</a>
                        <a href="#">折扣优惠</a>
                        <a href="#">企业团购</a>
                        <a href="#"> <strong>SNKRS</strong> 新品优惠</a>
                        <a href="#">出街造型攻略</a>
                    </div>
                    <div class="subnav-mid">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                    </div>
                    <div class="subnav-right">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>

                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="_tab5">
                <div class="subnav-container">
                    <div class="subnav-left">
                        <a href="#">所有男孩商品</a>
                        <a href="#">折扣优惠</a>
                        <a href="#">企业团购</a>
                        <a href="#"> <strong>SNKRS</strong> 新品优惠</a>
                        <a href="#">出街造型攻略</a>
                    </div>
                    <div class="subnav-mid">
                        <div class="subnav-mid-left">
                            <a href="#">男子定制</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">女子定制</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">健身/训练</a>
                        </div>
                    </div>
                    <div class="subnav-right">
                        <div class="subnav-mid-left">
                            <a href="#">所有鞋类</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>

                        </div>
                        <div class="subnav-mid-right">
                            <a href="#">所有服装</a>
                            <a href="#">休闲</a>
                            <a href="#">跑步</a>
                            <a href="#">篮球</a>
                            <a href="#">足球</a>
                            <a href="#">Jordan</a>
                            <a href="#">当季IN货</a>
                            <a href="#">React</a>
                            <a href="#">Air Force 1</a>
                            <a href="#">Air Max</a>
                            <a href="#">专属定制</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框 -->
            <div class="search tolong">
                <form action="">
                    <input type="text" placeholder="搜索">
                    <span class="sousuo iconfont">&#xe656;
                        </span>
                </form>
            </div>
        </div>
    </nav>
    <!-- main -->
    <article id="main">
        <!-- 左侧内容 -->
        <div class="main_left">
            <div class="main_left_nav">
                <div class="main_left_nav_header"><span></span></div>
                <div class="main_left_nav_sex">
                    <ul>
                        <li><a href="">性别</a></li>
                        <li><a href="">男子</a></li>
                        <li><a href="">女子</a></li>
                        <li><a href="">男孩</a></li>
                        <li><a href="">女孩</a></li>
                        <span></span>
                        <li><a href="">鞋类</a></li>
                        <li><a href="">专业运动内衣Bra</a></li>
                        <li><a href="">紧身运动服/Nike Pro</a></li>
                        <li><a href="">上衣/T 恤</a></li>
                        <li><a href="">连帽衫/套头衫</a></li>
                        <li><a href="">夹克/马甲</a></li>
                        <li><a href="">长裤/紧身裤</a></li>
                        <li><a href="">短裤</a></li>
                        <li><a href="">连衣裤</a></li>
                        <li><a href="">短裙/连衣裙</a></li>
                        <li><a href="">套装</a></li>
                        <li><a href="">袜子</a></li>
                        <li><a href="">配件/装备</a></li>
                        <li><a href="">夹克/马甲</a></li>
                        <li><a href="">长裤/紧身裤</a></li>
                        <li><a href="">短裤</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 右侧商品内容 -->
        <div class="main_right">
            <div class="main_right_top">
                <!-- 展示大图 -->
                <img src="../img/pc.jpg" alt="tp" style="max-width: 100%;">
                <div class="img_text">
                    <a href="">即刻前往"流行潮品"</a>
                </div>
            </div>
            <div class="main_right_bot">
                <div class="main_right_bot_title">
                    耐克产品<span>(2492)</span>
                    <!-- 使用组件需要下载popper.js -->
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                              排序方式
                              <span class="caret"></span>
                            </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="#">最新</a></li>
                            <li><a href="#">最高评价</a></li>
                            <li><a href="#">价格由高到低</a></li>
                            <li><a href="#">价格由低到高</a></li>
                        </ul>
                    </div>

                </div>
                <!-- 右侧商品 -->
                <div class="main_right_bot_product">
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zwc">
                        <div class="product_box">
                            <div class="product_img">
                                <img src="../img/pwp_sheet2.jpg" alt="" style="height:220px;">
                            </div>
                            <div class="product_description">
                                <div class="product_description_top">
                                    <div class="img_tab">
                                        <img src="../img/AO2924_400.jpg" alt="">
                                        <img src="../img/AO2924_700.jpg" alt="">
                                        <img src="../img/AO2924_800.jpg" alt="">
                                    </div>
                                    <i>6色</i>
                                    <i class="iconfont starts" style="font-size: 11px">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;(7)</i>
                                </div>
                                <div class="product_description_bot">
                                    <p style="font-weight: 800;line-height: 13px;color: black">Nike Air Max 720</p>
                                    <p>男子运动鞋</p>
                                    <p>￥1,399</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <!-- footer -->
    <footer class="lazy">
        <div class="footer_container">
            <div class="footer_nav">
                <ul class="footer_nav_left">
                    <li>电子礼品卡</li>
                    <li>附近商店</li>
                    <li>订阅电子邮件</li>
                    <li>注册nike会员</li>
                    <li>网站反馈</li>
                </ul>
                <ul class="footer_nav_mid">
                    <li style="font-size: 14px;
                    color: #FFF;">获取帮助</li>
                    <li>订单状态</li>
                    <li>配送方式</li>
                    <li>退换货</li>
                    <li>付款选项</li>
                    <li>联系我们</li>
                </ul>
                <ul class="footer_nav_right">
                    <li style="font-size: 14px;
                    color: #FFF;">关于NIKE</li>
                    <li>新闻</li>
                    <li>投资者</li>
                    <li>招贤纳士</li>
                    <li>新品预览</li>
                    <li>企业团购</li>
                </ul>
                <span>
                    <i>
                        微信
                        <img src="../img/WeChat_QR_Code_Footer.jpg" alt="">
                    </i>
                    <i>微博</i>                   
                </span>
            </div>
            <div class="footer_bot">
                <div class="footer_bot_left">
                    <i style="color:red" class="iconfont">&#xe621;</i>
                    <i style="color:#fff;">中国</i>
                    <i style="padding-left:20px">© 2019 Nike, Inc. 保留所有权利</i>
                </div>
                <div class="footer_bot_right">
                    <ul>
                        <li>分类浏览</li>
                        <li>使用条款</li>
                        <li>销售条款</li>
                        <li>隐私政策</li>
                        <li>沪ICP备14009339号</li>
                        <li>上海工商</li>
                        <li>沪公网安备31011002000177号</li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- 登录注册页面 -->
    <script>
    </script>
    <div class="modal fade login" id="myModal_login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- 右上角❌ -->
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="width:20px;position: absolute;right: 0;">&times;
                </button>
                <!-- 登录界面 -->
                <div id="login">
                    <div class="login_box">
                        <div class="nike-unite-swoosh"></div>
                        <div class="view-header">登录NIKE⁠+账号</div>
                        <form action="../../lib/login.php" method="POST">
                            <input type="text" name="uname" placeholder="请输入用户名" class="phone">
                            <br>
                            <br>
                            <input type="password" name="pwd" placeholder="请输入密码" autocomplete="off">
                            <br>
                            <!-- <div class="dzyj">使用电子邮件登录。</div> -->
                            <p class="terms">一旦登录，即表明你同意 Nike 的隐私政策</a> 和使用条款</p>
                            <input class="_login" type="submit" value="登录">
                            <br>
                            <div class="_reg">
                                <a href="#">还不是会员？立即加入</a>
                            </div>
                        </form>

                    </div>
                    <!-- 注册页面 -->
                    <div class="reg_box">
                        <div class="nike-unite-swoosh"></div>
                        <div class="view-header">创建您的NIKE账户</div>
                        <p class="terms">我们需要验证您的号码以继续操作。</p>
                        <form action="../../lib/reg.php" method="POST">
                            <input type="text" id="username" name="uname" placeholder="请输入用户名" class="phone">
                            <br>
                            <span id="hasuser"></span>
                            <br>
                            <input type="password" id="password" name="pwd" placeholder="请输入密码" autocomplete="on">
                            <br>
                            <input type="text" id="email" name="email" placeholder="请输入邮箱">
                            <br>
                            <input class="_login" type="submit" value="注册">
                            <br>
                            <div class="_log">
                                <a href="#">已经使会员？立即登录</a>
                            </div>
                        </form>
                    </div>


                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
</body>


</html>